<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link href="framework/icon.css" rel="stylesheet">
	<link href="framework/reset.css" rel="stylesheet">
	<link href="css/index.css" rel="stylesheet">
	<script src="js/index.js"></script>
	<title>饿了么 首页</title>
</head>

<body>
	<!-- 总容器 -->
	<div class="wrapper">
		<!-- header part -->
		<header>
			<div class="icon-location-box">
				<div class="icon-location"></div>
			</div>
			<div class="location-text">天津大学北洋园校区<i class="fa fa-caret-down"></i></div>
		</header>
		
		<!-- search part -->
		<div class="search">
			<div class="search-fixed-top" id="fixedBox">
				<div class="search-box">
					<i class="fa fa-search"></i>搜索饿了么商家、商品名称
				</div>
			</div>
		</div>
		
		<!-- order_classification -->
		<ul class="foodtype">
			<li onClick="location.href='businessList.html'">
				<img src="img/oder_classification_01.png">
				<p>美食</p>
			</li>
			
			<li onClick="location.href='businessList.html'">
				<img src="img/oder_classification_02.png">
				<p>早餐</p>
			</li>
			
			<li onClick="location.href='businessList.html'">
				<img src="img/oder_classification_03.png">
				<p>跑腿代购</p>
			</li>
			
			<li onClick="location.href='businessList.html'">
				<img src="img/oder_classification_04.png">
				<p>汉堡披萨</p>
			</li>
			
			<li onClick="location.href='businessList.html'">
				<img src="img/oder_classification_05.png">
				<p>甜品饮料</p>
			</li>
			
			<li onClick="location.href='businessList.html'">
				<img src="img/oder_classification_06.png">
				<p>速食简餐</p>
			</li>
			
			<li onClick="location.href='businessList.html'">
				<img src="img/oder_classification_07.png">
				<p>地方小吃</p>
			</li>
			
			<li onClick="location.href='businessList.html'">
				<img src="img/oder_classification_08.png">
				<p>米粉面馆</p>
			</li>
			
			<li onClick="location.href='businessList.html'">
				<img src="img/oder_classification_09.png">
				<p>包子粥铺</p>
			</li>
			
			<li onClick="location.href='businessList.html'">
				<img src="img/oder_classification_10.png">
				<p>炸鸡炸串</p>
			</li>
		</ul>
		
		<!-- ad. banner -->
		<div class="banner">
			<h3>品质套餐</h3>
			<p>搭配齐全吃得好</p>
			<a>立即抢购 &gt;</a>
		</div>
		
		<!-- VIP part -->
		<div class="VIP">
			<div class="left">
				<img src="img/VIP.png">
				<h3>超级会员</h3>
				<p>&#8226; 每月享超值权益</p>
			</div>
			
			<div class="right">
				立即开通 &gt;
			</div>
		</div>
		
		<!-- recommend -->
		<div class="recommend">
			<div class="recommend-line"></div>
			<p>推荐商家</p>
			<div class="recommend-line"></div>
		</div>
		
		<!-- recommend type -->
		<ul class="recommendtype">
			<li>综合排序<i class="fa fa-caret-down"></i></li>
			<li>距离最近</li>
			<li>销量最高</li>
			<li>筛选<i class="fa fa-filter"></i></li>
		</ul>
		
		<!-- recommend list -->
		<ul class="business">
			<li>
				<img src="img/business_jiaozichuanshuo.png">
				<div class="business-info">
					<div class="business-info-h">
						<h3>饺子传说</h3>
						<div class="business-info-like">&#8226;</div>
					</div>
				
					<div class="business-info-star">
						<div class="business-info-star-left">
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<p>4.9 月售345单</p>
						</div>
						<div class="business-info-star-right">
							蜂鸟专送
						</div>
					</div>
				
					<div class="business-info-delivery">
						<p>&#165;15起送 | &#165;3配送</p>
						<p>3.22km | 30分钟</p>
					</div>
					
					<div class="business-info-explain">
						<div>各种饺子</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon0">新</div>
							<p>饿了么新用户首单立减9元</p>
						</div>
						<div class="business-info-promotion-right">
							<p>2个活动</p>
							<i class="fa fa-caret-down"></i>
						</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon1">特</div>
							<p>特价商品5元起</p>
						</div>
					</div>
				</div>
			</li>
			
			<li>
				<img src="img/business_fuyuanjia.jpg">
				<div class="business-info">
					<div class="business-info-h">
						<h3>福缘家日料简餐</h3>
						<div class="business-info-like">&#8226;</div>
					</div>
				
					<div class="business-info-star">
						<div class="business-info-star-left">
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<p>5 月售128单</p>
						</div>
						<div class="business-info-star-right">
							蜂鸟专送
						</div>
					</div>
					
					<div class="business-info-delivery">
						<p>&#165;20起送 | &#165;1.6配送</p>
						<p>3.9km | 39分钟</p>
					</div>
					
					<div class="business-info-explain">
						<div>日式简餐</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon0">新</div>
							<p>饿了么新用户首单立减10元</p>
						</div>
						<div class="business-info-promotion-right">
							<p>2个活动</p>
							<i class="fa fa-caret-down"></i>
						</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon1">特</div>
							<p>特价商品5元起</p>
						</div>
					</div>
				</div>
			</li>
			
			<li>
				<img src="img/business_mailading.jpg">
				<div class="business-info">
					<div class="business-info-h">
						<h3>麦拉丁超级汉堡</h3>
						<div class="business-info-like">&#8226;</div>
					</div>
					
					<div class="business-info-star">
						<div class="business-info-star-left">
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<p>4.7 月售645单</p>
						</div>
						<div class="business-info-star-right">
							蜂鸟专送
						</div>
					</div>
					
					<div class="business-info-delivery">
						<p>&#165;20起送 | &#165;2.8配送</p>
						<p>4.8km | 48分钟</p>
					</div>
					
					<div class="business-info-explain">
						<div>汉堡</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon0">新</div>
							<p>饿了么新用户首单立减8元</p>
						</div>
						<div class="business-info-promotion-right">
							<p>2个活动</p>
							<i class="fa fa-caret-down"></i>
						</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon1">特</div>
							<p>特价商品5元起</p>
						</div>
					</div>
				</div>
			</li>
			
			<li>
				<img src="img/business_wangjingxiaoyao.jpeg">
				<div class="business-info">
					<div class="business-info-h">
						<h3>望京小腰串烧工坊</h3>
						<div class="business-info-like">&#8226;</div>
					</div>
					
					<div class="business-info-star">
						<div class="business-info-star-left">
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<p>4.7 月售446单</p>
						</div>
						<div class="business-info-star-right">
							蜂鸟专送
						</div>
					</div>
					
					<div class="business-info-delivery">
						<p>&#165;20起送 | &#165;2.8配送</p>
						<p>4.8km | 47分钟</p>
					</div>
					
					<div class="business-info-explain">
						<div>烧烤</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon0">新</div>
							<p>饿了么新用户首单立减8元</p>
						</div>
						<div class="business-info-promotion-right">
							<p>2个活动</p>
							<i class="fa fa-caret-down"></i>
						</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon1">特</div>
							<p>特价商品5元起</p>
						</div>
					</div>
				</div>
			</li>
			
			<li>
				<img src="img/business_yipinxiangyuan.jpeg">
				<div class="business-info">
					<div class="business-info-h">
						<h3>忆品香缘过桥米线黄焖鸡</h3>
						<div class="business-info-like">&#8226;</div>
					</div>
					
					<div class="business-info-star">
						<div class="business-info-star-left">
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<p>4.9 月售345单</p>
						</div>
						<div class="business-info-star-right">
							蜂鸟专送
						</div>
					</div>
					
					<div class="business-info-delivery">
						<p>&#165;20起送 | &#165;5.8配送</p>
						<p>4.8km | 47分钟</p>
					</div>
					
					<div class="business-info-explain">
						<div>米粉米线</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon0">新</div>
							<p>饿了么新用户首单立减6元</p>
						</div>
						<div class="business-info-promotion-right">
							<p>2个活动</p>
							<i class="fa fa-caret-down"></i>
						</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon1">特</div>
							<p>特价商品5元起</p>
						</div>
					</div>
				</div>
			</li>
			
			<li>
				<img src="img/business_anhuibanmian.png">
				<div class="business-info">
					<div class="business-info-h">
						<h3>安徽板面牛杂面大盘鸡</h3>
						<div class="business-info-like">&#8226;</div>
					</div>
					
					<div class="business-info-star">
						<div class="business-info-star-left">
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<p>4.9 月售465单</p>
						</div>
						<div class="business-info-star-right">
							蜂鸟专送
						</div>
					</div>
					
					<div class="business-info-delivery">
						<p>&#165;20起送 | &#165;2.2配送</p>
						<p>4.3km | 40分钟</p>
					</div>
					
					<div class="business-info-explain">
						<div>板面牛杂面</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon0">新</div>
							<p>饿了么新用户首单立减5元</p>
						</div>
						<div class="business-info-promotion-right">
							<p>2个活动</p>
							<i class="fa fa-caret-down"></i>
						</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon1">特</div>
							<p>特价商品8元起</p>
						</div>
					</div>
				</div>
			</li>
			
			<li>
				<img src="img/business_burgerking.png">
				<div class="business-info">
					<div class="business-info-h">
						<h3>汉堡王（津南永旺24250）</h3>
						<div class="business-info-like">&#8226;</div>
					</div>
					
					<div class="business-info-star">
						<div class="business-info-star-left">
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<p>4.6 月售1225单</p>
						</div>
						<div class="business-info-star-right">
							蜂鸟专送
						</div>
					</div>
					
					<div class="business-info-delivery">
						<p>&#165;20起送 | &#165;5配送</p>
						<p>5km | 44分钟</p>
					</div>
					
					<div class="business-info-explain">
						<div>汉堡薯条</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon0">新</div>
							<p>饿了么新用户首单立减8元</p>
						</div>
						<div class="business-info-promotion-right">
							<p>2个活动</p>
							<i class="fa fa-caret-down"></i>
						</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon1">特</div>
							<p>特价商品15元起</p>
						</div>
					</div>
				</div>
			</li>
			
			<li>
				<img src="img/business_lanzhoulamian.jpg">
				<div class="business-info">
					<div class="business-info-h">
						<h3>中国蘭州牛肉拉面(石材城店)</h3>
						<div class="business-info-like">&#8226;</div>
					</div>
					
					<div class="business-info-star">
						<div class="business-info-star-left">
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<i class="fa fa-star"></i>
							<p>5 月售54单</p>
						</div>
						<div class="business-info-star-right">
							蜂鸟专送
						</div>
					</div>
					
					<div class="business-info-delivery">
						<p>&#165;20起送 | &#165;3配送</p>
						<p>3.8km | 30分钟</p>
					</div>
					
					<div class="business-info-explain">
						<div>牛肉拉面</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon0">新</div>
							<p>饿了么新用户首单立减3元</p>
						</div>
						<div class="business-info-promotion-right">
							<p>2个活动</p>
							<i class="fa fa-caret-down"></i>
						</div>
					</div>
					
					<div class="business-info-promotion">
						<div class="business-info-promotion-left">
							<div class="business-info-promotion-left-icon1">特</div>
							<p>特价商品8元起</p>
						</div>
					</div>
				</div>
			</li>
		</ul>
		
		<!-- bottom banner -->
		<ul class="footer">
			<li onClick="location.href='index.html'">
				<i class="fa fa-home"></i>
				<p>首页</p>
			</li>
			
			<li>
				<i class="fa fa-compass"></i>
				<p>发现</p>
			</li>
			
			<li onClick="location.href='order.html'">
				<i class="fa fa-file-text-o"></i>
				<p>订单</p>
			</li>
			
			<li>
				<i class="fa fa-user-o"></i>
				<p>我的</p>
			</li>
		</ul>
	</div>
	
	
</body>
</html>
